<?php
/**
 *  view module: Elastislide Carousel
 *  file: elastislide_carousel.php
 * 
 */
?>

            <!-- Elastislide Carousel -->
				<ul id="carousel" class="elastislide-list">
                  
                  <?php 
                  ///*
                  $users = $this->modules->getSpotlightUsers();
                  
                  if( count($users)>0 )
                  {
                    
                    foreach ($users as $row)
                    {
                      //$user_name = ($row->name!="")?$row->name:$row->username;
                      $img_src = ($row->main_img != "")?"ajax/image/thumb/{$row->id}/{$row->main_img}":"img/no_photo.gif";
                      echo "
                        <li>
                          <a href=\"".base_url()."profile/view-profile/{$row->username}.htm\" >
                            <img src=\"".base_url().$img_src."\" alt='{$row->username}' />
                          </a>
                        </li>
                        ";
                    }
                    
                  }
                  //*/
                  
//                  echo "
//                        <li>
//                          <a href=\"".base_url()."profile/view-profile/{$row->username}.htm\" >
//                            <img src=\"".base_url()."ajax/image/thumb/{$row->id}/{$row->main_img}\" alt='{$user_name}' />
//                          </a>
//                        </li>
//                      ";
                  
                  ?>
                  
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/1.jpg" alt="image01" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/2.jpg" alt="image02" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/3.jpg" alt="image03" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/4.jpg" alt="image04" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/5.jpg" alt="image05" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/6.jpg" alt="image06" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/7.jpg" alt="image07" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/8.jpg" alt="image08" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/9.jpg" alt="image09" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/10.jpg" alt="image10" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/11.jpg" alt="image11" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/12.jpg" alt="image12" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/13.jpg" alt="image13" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/14.jpg" alt="image14" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/15.jpg" alt="image15" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/16.jpg" alt="image16" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/17.jpg" alt="image17" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/18.jpg" alt="image18" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/19.jpg" alt="image19" /></a></li>
					<li><a href="#"><img src="<?php echo base_url(); ?>img/small/20.jpg" alt="image20" /></a></li>
				</ul>
                <div class="clr"></div>
			
                <script src="<?php echo base_url(); ?>js/modernizr.custom.17475.js"></script>
                <script type="text/javascript" src="<?php echo base_url(); ?>js/jquerypp.custom.js"></script>
                <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.elastislide.js"></script>
                <script type="text/javascript">

                    $( '#carousel' ).elastislide();

                </script>

          <!-- End Elastislide Carousel -->